<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            box-sizing: border-box;
        }
        * {
            margin: 0;
            padding: 0;
        }
        .div1 {
            width: 400px;
            height: 200px;
            float: left;
            background-repeat: no-repeat;
            background-position: 5px 20px;
        }
        .div2 {
            float: right;
            width: 210px;
            height: 200px;
            margin-right: 100px;
        }
        .p {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .p1 {
            color: rgb(109, 109, 240);
            font-size: 19px;
            padding: 10px 0px 0px;
        }
        .p2 {
            margin:5px 0px;
        }
    </style>
</head>
<body>
    <div style="width: 800px; height: 630px; border: 1px solid black; background-color: #fff; box-sizing: content-box; margin:0 auto;">
        <p style="width: 800px; height: 30px; text-indent: 1em; background-color: #ccc; color: #bf1e09; line-height: 30px; font-size: 16px; font-weight: 600;">
            最新上架
        </p>
        <div>
            <div class="div1" style="background-image: url(./images/book-01.jpg);">
                <div class="div2">
                    <p class="p p1">且以永日（安妮宝贝ZZZZZZZZZ</p>
                    <p class="p p2">作者：安妮宝贝&nbsp;著</p>
                    <p class="p p2">出版社：长江文艺出版社</p>
                    <p class="p p2" style="color: red;">出版时间：2013年08月</p>
                    <p class="p p2">定价：￥36.00</p>
                    <p class="p p2">当当价：￥24.80</p>
                </div>
            </div>
            <div class="div1" style="background-image: url(./images/book-02.jpg);">
                <div class="div2">
                    <p class="p p1">所有人问所有人（韩寒ZZZZZZZZZZZZ</p>
                    <p class="p p2">作者：韩寒 监制,「一个」工zzzzz</p>
                    <p class="p p2">出版社：湖南人民出版社</p>
                    <p class="p p2" style="color: red;">出版时间：2013年08月</p>
                    <p class="p p2">定价：￥36.00</p>
                    <p class="p p2">当当价：￥21.60 </p>
                </div>
            </div>
            <div class="div1" style="background-image: url(./images/book-03.jpg);">
                <div class="div2">
                    <p class="p p1">因为有你，所以参差：ZZZZZZZZZZZZZZZZZZZ</p>
                    <p class="p p2">作者：王森 著</p>
                    <p class="p p2">出版社：中信出版社</p>
                    <p class="p p2" style="color: red;">出版时间：2013年08月</p>
                    <p class="p p2">定价：￥38.00</p>
                    <p class="p p2">当当价：￥27.40 </p>
                </div>
            </div>
            <div class="div1" style="background-image: url(./images/book-04.jpg);">
                <div class="div2">
                    <p class="p p1">《薄荷日记》（2013夏ZZZZZZZZZZZZZZZZZ</p>
                    <p class="p p2">作者：杨昌溢 著</p>
                    <p class="p p2">出版社：中国民族摄影艺术出zzzzzzzzz</p>
                    <p class="p p2" style="color: red;">出版时间：2013年09月</p>
                    <p class="p p2">定价：￥48.00</p>
                    <p class="p p2">当当价：￥34.60 </p>
                </div>
            </div>
            <div class="div1" style="background-image: url(./images/book-05.jpg);">  
                <div class="div2">
                    <p class="p p1">我很怕，但我还有勇气ZZZZZZZZZZZZZZZZZZ</p>
                    <p class="p p2">作者：王伟忠 著</p>
                    <p class="p p2">出版社：人民文学出版社</p>
                    <p class="p p2" style="color: red;">出版时间：2013年08月</p>
                    <p class="p p2">定价：￥32.00</p>
                    <p class="p p2">当当价：￥21.30 </p>
                </div>
            </div>
            <div class="div1" style="background-image: url(./images/book-06.jpg);">
                <div class="div2">
                    <p class="p p1">瓦尔登湖（159年来最好ZZZZZZZZZZZZZZZZZZZZZZ</p>
                    <p class="p p2">作者：[美] 亨利·戴维·梭罗zzzzzzz</p>
                    <p class="p p2">出版社：天津人民出版社</p>
                    <p class="p p2" style="color: red;">出版时间：2013年08月</p>
                    <p class="p p2">定价：￥39.80</p>
                    <p class="p p2">当当价：￥29.90 </p>
                </div>
            </div>
        </div>    
    </div>
</body>
</html>